/**
* 功能描述: 结束demo
* @author 崔孝楠
* @date 2022/10/7 20:24
* @version 1.0
*/
<template>
  <div>
    <!-- 成功的结果 -->
    <div class="yw-result yw-result-success">
      <!-- 图标 -->
      <div class="yw-result-icon">
        <svg fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
          <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path>
        </svg>
      </div>
      <!-- 信息内容 -->
      <div class="yw-result-title">Successfully Purchased Cloud Server ECS!</div>
      <!-- 信息备注 -->
      <div class="yw-result-subtitle">Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.</div>
      <!-- 操作 -->
      <div class="yw-result-extra">
        <button class="yw-btn yw-btn-primary">Go Console</button>
        <button class="yw-btn">Buy Again</button>
      </div>
    </div>

    <!-- 展示处理结果 -->
    <div class="yw-result yw-result-info">
      <!-- 图标 -->
      <div class="yw-result-icon">
        <svg fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
          <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"></path>
        </svg>
      </div>
      <!-- 信息内容 -->
      <div class="yw-result-title">Your operation has been executed</div>
      <!-- 操作 -->
      <div class="yw-result-extra">
        <button class="yw-btn yw-btn-primary">Go Console</button>
      </div>
    </div>

    <!-- 警告类型的结果 -->
    <div class="yw-result yw-result-warning">
      <!-- 图标 -->
      <div class="yw-result-icon">
        <svg fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
          <path d="M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"></path>
        </svg>
      </div>
      <!-- 信息内容 -->
      <div class="yw-result-title">There are some problems with your operation.</div>
      <!-- 操作 -->
      <div class="yw-result-extra">
        <button class="yw-btn yw-btn-primary">Go Console</button>
      </div>
    </div>

    <!-- 复杂的错误反馈 -->
    <div class="yw-result yw-result-error">
      <!-- 图标 -->
      <div class="yw-result-icon">
        <svg fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
          <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>
        </svg>
      </div>
      <!-- 信息内容 -->
      <div class="yw-result-title">Submission Failed</div>
      <!-- 信息备注 -->
      <div class="yw-result-subtitle">Please check and modify the following information before resubmitting.</div>
      <!-- 操作 -->
      <div class="yw-result-extra">
        <button class="yw-btn yw-btn-primary">Go Console</button>
      </div>
      <!-- 错误内容 -->
      <div class="yw-result-content">
        <p class="yw-result-content-title"><strong>The content you submitted has the following error:</strong></p>
        <p>
          <svg class="yw-result-content-icon" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
            <path d="M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670a8.32 8.32 0 00-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"></path><path d="M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
          </svg>
          Your account has been frozen
          <a>Thaw immediately ></a>
        </p>
        <p>
          <svg class="yw-result-content-icon" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
            <path d="M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670a8.32 8.32 0 00-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"></path><path d="M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
          </svg>
          Your account is not yet eligible to apply
          <a>Apply Unlock ></a>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>
